我的程式碼都是打在vscode，首先介紹HTML的基礎框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
</body>
</html>
首先第一行這行是跟瀏覽器宣告說，這個檔案是html，原本的宣告方式很長，但是到html5的時候宣告方式就簡化很多，
<html lang="en">=告訴瀏覽器這個文檔的語言是什麼，這個對於搜尋引擎與使用瀏覽器時會詢問的是否翻譯有影響
<head>與</head>，html有起始標籤與結束標籤的設計，標籤的內容物要被包含在起始與結束標籤之中。head標籤里的東西雖然不會直接呈現在網頁中，但在head中能透過引用檔案，來提升網頁的操作性與美觀，
<meta charset="UTF-8">，meta可以用來告訴搜尋引擎與瀏覽器，關於這個網頁的資訊，而這行meta charset="UTF-8"是告訴瀏覽器，用萬國碼來顯示網頁，避免網頁出現亂碼
<meta name="viewport" content="width=device-width, initial-scale=1.0">這行是關於響應式網頁的設計，避免用不同設備開啟網頁時出現跑版，這行是關於設定視窗，寬度為設備的寬度，initial-sacle=1.0，表示初始網頁比例以100%呈現，就是網頁的內容了，所有要呈現的東西都會在這裏面
iThome鐵人賽
看影片追技術